import axios from 'axios'
import { ElMessage } from 'element-plus'

// 创建axios实例
const request = axios.create({
  baseURL: 'http://localhost:8080/api', // 基础URL，包含后端的context-path
  timeout: 10000, // 请求超时时间
  // headers: {
  //   'Content-Type': 'application/json;charset=utf-8'
  // }
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 从localStorage获取token或用户信息
    const userInfo = localStorage.getItem('userInfo')
    if (userInfo) {
      try {
        const user = JSON.parse(userInfo)
        // 这里可以添加token到请求头
        // config.headers.Authorization = `Bearer ${user.token}`
      } catch (e) {
        console.error('解析用户信息失败:', e)
      }
    }
    return config
  },
  error => {
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 统一处理响应数据
    const res = response.data
    
    // 如果后端返回的是Result格式，直接返回res
    // 如果不是，可以根据需要进行处理
    return res
  },
  error => {
    // 统一错误处理
    let errorMessage = '请求失败'
    
    if (error.response) {
      // 服务器返回错误状态码
      const { status, data } = error.response
      
      switch (status) {
        case 401:
          errorMessage = '未授权，请重新登录'
          // 可以在这里处理登录过期逻辑
          localStorage.removeItem('userInfo')
          window.location.href = '/login'
          break
        case 403:
          errorMessage = '拒绝访问'
          break
        case 404:
          errorMessage = '请求的资源不存在'
          break
        case 500:
          errorMessage = '服务器内部错误'
          break
        default:
          errorMessage = data.message || `请求失败 (${status})`
      }
    } else if (error.request) {
      // 请求已发出，但没有收到响应
      errorMessage = '网络错误，请检查网络连接'
    }
    
    // 使用Element Plus的消息提示
    ElMessage.error(errorMessage)
    return Promise.reject(error)
  }
)

// 导出常用的请求方法
export default request

// 导出GET请求方法
export const get = (url, params = {}) => {
  return request({
    url,
    method: 'get',
    params
  })
}

// 导出POST请求方法
export const post = (url, data = {}) => {
  return request({
    url,
    method: 'post',
    data
  })
}

// 导出PUT请求方法
export const put = (url, data = {}) => {
  return request({
    url,
    method: 'put',
    data
  })
}

// 导出DELETE请求方法
export const del = (url, params = {}) => {
  return request({
    url,
    method: 'delete',
    params
  })
}